
<!Doctype html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
<style>
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
li{
    width: 150px;
    border:solid;
    float: left;
    margin:0 10px;
}
li img{
    width: 150px;
    height: 200px;
}
li h2{
    text-align: center;
}
</style>
</body>
<script>
var arr = [
        {
            image_url:"http://www.leawo.cn/attachment/201404/16/1433365_1397624557Bz7w.jpg",
            name:"手机",
            introudce:"这是小米手机，很好用，很便宜",
            price:"￥20元",
        },
        {
            image_url:"http://imgfs.oppo.cn/uploads/thread/attachment/2017/10/04/15070507024870.jpg",
            introudce:"这是华硕电脑，好用",
            name:"电脑",
            price:"￥60元",
        },
        {
            image_url:"http://www.cphoto.com.cn/dz/attachments/month_1204/12042913298163d0a39dcf0c11.jpg",
            introudce:"华为手机，死贵，摄像头好",
            name:"华为手机",
            price:"￥88.8元",
        },
        {
            image_url:"http://hbimg.b0.upaiyun.com/11eb40ac428374964b24948a000ff1b2a18d2e518afa4-v4kiLD_fw658",
            introudce:"苹果手机，垃圾",
            name:"苹果手机",
            price:"￥99.9元",
        },
        {
            image_url:"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1435484992,3140806195&fm=26&gp=0.jpg",
            introudce:"这是女朋友，漂亮",
            name:"女朋友",
            price:"￥30元",
        },
    ];

document.write('<ul>');

    for(var i=0;i<arr.length;i++){
        document.write('<li>');
        var url = arr[i].image_url;
        document.write('<img src="'  +  url  +  '" />');

        document.write('<h2>');
            document.write(arr[i].name);
        document.write('</h2>');

        document.write('<p>');
        document.write(arr[i].introudce);
        document.write('</p>');

        document.write('<span>');
        document.write(arr[i].price);
        document.write('</span>');

        document.write('</li>');
    }

    

document.write('</ul>');






// var a = '范冰冰';
// var str = '李晨说："' +    a   +  '很漂亮！"';
// console.log(str);
</script>
</html>